<template>
  <div class="navTitle">
    <DwImage class="w-13px h-16px absolute left-0 bottom-11px" :src="useImageUrl('sf.png')" />
    <div class="text-24px pl-27px flex-1 pt-15px navTitle_tit">{{ title }}</div>
    <DwImage class="w-7px h-6px absolute right-0 bottom-4px" :src="useImageUrl('ke.png')" />
    <div class="pt-15px">
      <slot></slot>

    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { useImageUrl } from '@/utils'

const props = defineProps({
  title: {
    type: String
  }
})

</script>

<style lang="scss" scoped>
.navTitle{
  height: 50px;
  color: #fff;
  display: flex;
  border-bottom: 1px solid #fff;
  line-height: 28px;
  position: relative;
}
</style>
